/*   
Theme Name: VN Free Wordpress Themes
Theme URI: 
Description: Free wordpress themes, wordpress tutorials
Author: tanlevis
Author URI: http://www.wpvnthemes.com/
Template: thematic
Version: 1.0
Tags: Thematic, wpvnthemes, wordpress themes, free themes, tutorials
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/*
 *
 */
@import url(theme.css);

/*
 * 
 */
body,input,textarea {
	font: 15px/22px helvetica, georgia, arial, sans-serif;
}

.aside {
	color: #000;
}

.aside a,#cancel-comment-reply-link {
	text-decoration: none;
	color: #5295db;
}

.aside a:active,.aside a:hover,#cancel-comment-reply-link:hover {
	color: #666 !important;
}

#wrapper {
	background: url(images/bg.png) repeat transparent;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.hide {
	display: none;
}
/*ul {
	list-style: none;
	padding: 0;
	margin: 0;
}*/

/*
 * override default.css
 */
#main {
	padding: 16px 0 22px;
	border: 1px solid #bbb;
	border-width: 0 1px 1px 1px;
	background-color: #fff;
	-moz-box-shadow: 0 5px 10px #9e9e9e;
	-webkit-box-shadow: 0 5px 10px #9e9e9e;
	box-shadow: 0 5px 10px #9e9e9e;
}

/*
* product page - one column
*/
#container {
	clear: both;
	width: 640px;
	padding-right: 9px;
}

div#wrapper.layout-1c div#container,div#wrapper.layout-product div#container
	{
	width: 640px;
}

/****************************header****************************/
#header {
	height: 230px;
	background: url(images/header_bg.png) top left repeat-x;
	/*-moz-box-shadow: -5px 0 0 #888;
	-webkit-box-shadow: -5px 0 0 #888;
	box-shadow: -5px 0 0 #888;*/
}

#logo {
	width: 940px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	height: 185px;
	background: url(images/logo_bg.png) left top no-repeat;
}

#logo>a {
	display: inline-block;
	margin-top: 70px;
}

#searchbox {
	margin-top: 78px;
}

#searchbox #s {
	background: url(images/search_bg.png) left 1px no-repeat;
	width: 240px;
	padding-left: 10px;
	height: 39px;
	line-height: 39px;
	border: none;
	color: #fff;
	font-style: italic;
	float: left;
	border: none
}

#searchbox #searchsubmit {
	background: url(images/search_btn.png) left top no-repeat;
	width: 53px;
	height: 41px;
	border: none;
	cursor: pointer;
	margin-left: -5px;
	float: right;
}

#social_button {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
}

#social_button li {
	display: inline-block;
	float: right;
	margin-left: 10px;
}

#access {
	border-width: 0px;
	clear: right;
	background: url(images/nav_bg.png) left top repeat-x;
	height: 46px;
}

#access ul#menu-navigator {
	border-width: 0;
}

#access ul#menu-navigator>li {
	background-color: transparent;
	height: 42px;
	line-height: 23px;
	background: url(images/nav_sep_bg.png) right 7px no-repeat;
	padding-left: 10px;
	padding-right: 20px;
}

#access ul#menu-navigator>li:HOVER>ul {
	top: 42px;
	margin-left: 10px;
}

#access ul#menu-navigator>li.sfHover>ul {
	top: 42px;
	margin-left: 10px;
}

#access ul#menu-navigator>li:AFTER>ul {
	top: 42px;
	margin-left: 10px;
}

#access ul#menu-navigator li.menu-last-item {
	background: none;
}

#access ul#menu-navigator li a {
	border-width: 0;
	font-size: 15px;
	text-shadow: 1px 1px #fff;
}

#access ul#menu-navigator li>a:HOVER,#access ul#menu-navigator li>a:FOCUS,#access ul#menu-navigator li>a:ACTIVE,#access ul#menu-navigator li.current-menu-item>a
	{
	background-color: #4c98a5;
	text-shadow: none;
	color: #fff;
}

#yoastbreadcrumb {
	width: 960px;
	margin: 0 auto;
	height: 35px;
	line-height: 30px;
	color: #777;
}

#yoastbreadcrumb a {
	color: #666;
	text-decoration: none;
}

#yoastbreadcrumb a:ACTIVE,#yoastbreadcrumb a:HOVER {
	color: #888;
}

#yoastbreadcrumb strong {
	color: #888;
}

#sliderwrapper {
	width: 940px;
	height: 260px;
	overflow: hidden;
	margin: 10px auto 30px auto;
}

#sliderwrapper>div.left {
	width: 8px;
	height: 260px;
	background: url(images/slider_bg_left.png) left top no-repeat;
}

#sliderwrapper div#slidercontent {
	width: 924px;
	height: 260px;
	background: url(images/slider_bg_center.png) left top repeat-x;
	float: left;
}

#sliderwrapper>div.right {
	width: 8px;
	height: 260px;
	background: url(images/slider_bg_right.png) left top no-repeat;
}

#slider {
	width: 565px;
	height: 245px;
	background: url(images/loading.gif) 50% 50% no-repeat;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
	box-shadow: 0px 1px 5px 0px #4a4a4a;
}

div.nivo-controlNav {
	right: -40px;
	bottom: 30px;
}

div.nivo-controlNav a {
	background: url(images/bullet.png) left top no-repeat;
	width: 25px;
	height: 25px;
	margin-bottom: 10px;
}

div.nivo-controlNav a.active {
	background: url(images/current_bullet.png) left top no-repeat;
}

div#about {
	width: 300px;
	height: 240px;
	position: relative;
	overflow: hidden;
	padding: 10px 1px 10px 0;
	background: url(images/slider_seperator_v.png) right 4px no-repeat;
}

div#about h1 {
	padding-bottom: 5px;
	background: url(images/slider_seperator_h.png) left bottom no-repeat;
	margin-bottom: 5px;
	height: 32px;
	line-height: 32px;
	color: #4a8897;
	font-style: italic;
	font-size: 1.3em;
}

div#about h1 span {
	background: url(images/about.png) left top no-repeat;
	display: inline-block;
	height: 100%;
	width: 40px;
	vertical-align: middle;
}

.img-shadow {
	-moz-box-shadow: 0 1px 5px #9e9e9e;
	-webkit-box-shadow: 0 1px 5px #9e9e9e;
	box-shadow: 0 1px 5px #9e9e9e;
}

div#about img {
	float: left;
	margin-left: 5px;
	margin-right: 10px;
}

div#about p {
	margin-left: 5px;
	color: #666;
	font-style: italic;
	padding-right: 10px;
	text-align: justify;
}

div#about a.readmore {
	position: absolute;
	bottom: 20px;
	right: 20px;
	text-decoration: none;
	font-style: italic;
	padding-right: 13px;
	background: url(images/readmore_bg.png) right 8px no-repeat;
}

div#feature {
	width: 615px;
	text-align: left;
	padding-top: 7px;
	height: 260px;
}

#content {
	width: 630px;
}

div#index-top.aside {
	border-width: 0;
	padding: 0;
}

div#index-top.aside>ul {
	padding: 0;
}

div#index-top.aside>ul>li {
	width: 290px;
	float: left;
	height: 260px;
}

div#index-top.aside>ul>li h3 {
	font-size: 20px;
	padding-left: 40px;
	border-bottom: 1px solid #ccc;
	color: #666;
	text-shadow: 0 1px #3fa8bc;
	margin-bottom: 10px;
}

div#index-top.aside ul li.widget_text h3 {
	background: url(images/icons.png) left -160px no-repeat;
}

div#index-top.aside ul li.widget_links,div#index-top.aside ul li.widget_vnwp_posts_widget
	{
	margin-left: 50px;
}

div#index-top.aside ul li#posts_widget-7 h3 {
	background: url(images/icons.png) left -68px no-repeat;
}

div#index-top.aside ul li.widget_vnwp_recent_work h3 {
	background: url(images/icons.png) left -223px no-repeat;
}

div#index-top.aside ul li.widget_vnwp_posts_widget h3 {
	background: url(images/icons.png) left -98px no-repeat;
}

ul#services {
	list-style: none;
}

ul#services li {
	background: url(images/icons.png) left -188px no-repeat;
	padding-left: 40px;
	height: 32px;
	line-height: 32px;
	font-weight: bold;
}

div#vnwp_recent_work {
	text-align: center;
}

div#vnwp_recent_work img {
	margin-bottom: 10px;
}

div#vnwp_recent_work p { /*text-align: justify;*/
	
}

ul.portfolio-list.grid {
	list-style: none;
	margin: 0;
}

#index-top ul.portfolio-list {
	padding-left: 10px !important;
}

ul.portfolio-list.list,ul.portfolio-list.grid {
	list-style: none;
}

ul.portfolio-list li {
	display: inline-block;
	margin-bottom: 20px;
}

ul.portfolio-list.list li {
	display: block;
}

ul.portfolio-list li:HOVER {
	opacity: 0.6;
	filter: alpha(opacity =                             
		                                                         
		                               60);
}

#index-top ul.portfolio-list li.even {
	margin-left: 22px;
}

#index-top ul.portfolio-list.list li.even {
	margin-left: 0;
}

#index-top ul.portfolio-list.list li,#primary ul li ul.portfolio-list.list li
	{
	padding-left: 20px;
	background: url(images/post_li_bg.png) left 2px no-repeat;
}

#secondary {
	border-width: 0 0 0 1px;
	border: 1px solid #CCCCCC;
	margin-bottom: 20px;
}

#primary,#secondary {
	border-width: 0 0 0 1px;
	padding: 0;
}

#primary ul.xoxo,#secondary ul.xoxo {
	padding: 0 10px;
}

#primary ul li h3.widgettitle,#secondary ul li h3.widgettitle {
	background: url(images/sidebar_title_bg.png) left top repeat-x;
	height: 48px;
	line-height: 48px;
	font-size: 20px;
	color: #fff;
	text-align: center;
	/*border: 1px solid #1681b3;*/
	margin-bottom: 10px;
}

#primary ul li ul.portfolio-list.grid {
	padding: 0 5px;
}

#primary ul li ul.portfolio-list.grid li {
	position: relative;
}

#primary ul li ul.portfolio-list.grid li.even {
	margin-left: 20px;
}

#primary ul li ul.portfolio-list.list li {
	margin-bottom: 5px;
}

#footer {
	background: #eee url(images/glow_bg.png) center top no-repeat;
	/*border-width: 0px;*/
	box-shadow: 0 -1px 5px #CCCCCC;
	margin-top: 35px;
}

#siteinfo {
	text-align: center;
}

#subsidiary .aside {
	width: 285px;
}

#subsidiary h3.widgettitle {
	font-size: 16px;
	line-height: 30px;
	color: #666;
}

#second,#third {
	background: url(images/footer-divider.png) left top repeat-y;
	padding-left: 20px;
}

.slug-portfolio #container {
	margin: 0;
	width: 940px;
}

.slug-portfolio #content {
	margin: 0 0 0 10px;
	width: 940px;
}

.style-none {
	list-style: none;
}

#portfolio {
	padding: 10px 0 0 10px;
	margin: 0;
}

#portfolio li {
	display: inline-block;
	margin: 0 20px 20px 0;
	position: relative;
}

#portfolio li:nth-child(3n) {
	margin-right: 0;
}

/*#portfolio li:HOVER,*/
#portfolio li h3 {
	opacity: 0.6;
	filter: alpha(opacity =                             
		                                                         
		                               60);
}

#portfolio li a,#portfolio li img {
	z-index: 0;
}
#portfolio li h3 {
	display: none;
}
#portfolio li h3 a{
	position: absolute;
	padding: 10px 5px;
	bottom: 5px;
	z-index: 10;
	background-color: #666;
	color: #fff;
	font-size: 16px;
	width: 281px;
	cursor: pointer;
	text-decoration: none;
}

.entry-content img {
	border: 1px solid #CCCCCC;
	box-shadow: 1px 1px 10px #CCCCCC;
	margin: 10px 0;
	padding: 5px;
}

.entry-content+p.share-this {
	
}
.entry-content img.wp-smiley{
	border-width: 0;
	margin: 0;
	padding: 0;
	box-shadow: 0 0 0;
}
#single-insert.aside {
	background: #efefef url(images/related_posts_bg.png) top center
		no-repeat;
	padding: 5px 0 0;
}

#single-insert.aside ul {
	padding: 0 10px;
}

li.wg-vnwp-related-posts h3 {
	text-align: center;
}

li.wg-vnwp-related-posts ul.related-posts {
	margin: 0;
	list-style: none;
}

.wg-vnwp-related-posts ul.related-posts li {
	display: inline;
	margin-right: 19px;
}

#about_author {
	background-color: #efefef;
	border: 1px solid #ccc;
	margin-bottom: 40px;
	overflow: hidden;
	padding: 10px;
}

#about_author p {
	margin: 0 0 5px 0;
}

#about_author img.avatar {
	float: left;
	padding: 5px;
	background-color: #fff;
	margin-right: 20px;
}

#about_author p span {
	color: #666666;
}

p.author-url a {
	color: ;
}

p.author-name {
	color: #1681B3;
}

p.author-desc {
	color: #666666;
}

p.single-sep {
	border-top: 1px dashed #999;
}

#comments-list ol,#comments-list ol li {
	border-width: 0;
	overflow: hidden;
	padding: 0;
}

.comment-content-wapper {
	margin-left: 110px;
	padding: 5px;
	border: 1px solid #CFCFCF;
}

#comments-list li,#comments-list li.bypostauthor {
	background-color: #fff;
}

#comments-list .comment-meta {
	padding: 0 15px 0 0;
	width: 93px;
	float: left;
	margin-bottom: 15px;
	background: url(images/comment_avatar_bg.png) 2px 1px no-repeat;
}

#comments-list ol li .comment-meta img.avatar {
	height: auto;
	width: auto;
	padding: 5px;
	border: 1px solid #cfcfcf;
	position: inherit;
	box-shadow: 2px 3px 5px #cfcfcf;
}

#comments-list .comment-author {
	padding: 0;
}

.comment-meta * {
	display: block;
	height: 25px;
	line-height: 25px;
	border-bottom: 1px solid #5295DB;
	padding-left: 22px;
}

.cm-date {
	background: url(images/metadata.png) left -56px no-repeat;
}

.cm-time {
	background: url(images/metadata.png) left 6px no-repeat;
}

.cm-permalink {
	background: url(images/metadata.png) left -15px no-repeat;
}

.cm-edit-link {
	background: url(images/metadata.png) left -35px no-repeat;
}

#comments-list ul.children {
	clear: left;
	margin-left: 45px;
}

li.bypostauthor>.comment-content-wapper {
	background-color: #F6F6F6;
}

#commentform .form-section input {
	width: 40%;
}

#commentform .form-section input,#commentform .form-section textarea,#footer .wpcf7-form p input.wpcf7-text,#footer .wpcf7-form p textarea
	{
	padding: 5px;
	background-color: #F6F6F6;
	border: 1px solid #cfcfcf;
}

#commentform .form-section input:HOVER,#commentform .form-section input:FOCUS,#commentform .form-section textarea:HOVER,#commentform .form-section textarea:ACTIVE,#commentform .form-section textarea:FOCUS,#footer .wpcf7-form p input.wpcf7-text:HOVER,#footer .wpcf7-form p input.wpcf7-text:FOCUS,#footer .wpcf7-form p textarea:HOVER,#footer .wpcf7-form p textarea:FOCUS
	{
	background-color: #fff;
}

.form-section label {
	font-size: 14px;
}

.form-section textarea {
	width: 97%;
}

.form-submit input#submit,#footer .wpcf7-form p .wpcf7-submit {
	background-color: #F6F6F6;
	border: 1px solid #CFCFCF;
	cursor: pointer;
	height: 30px;
	text-align: center;
}

.form-submit input#submit {
	margin-right: 7px;
	padding-right: 6px;
	width: 120px;
}

#comments-list ul #respond {
	margin-bottom: 20px;
}

.comment-reply-link-wrapper {
	text-align: right;
}

.comment-reply-link {
	background: url("images/metadata.png") no-repeat scroll left -76px
		transparent;
	display: inline-block;
	height: 22px;
	padding: 2px 0 0 19px;
	text-decoration: none;
}

#cancel-comment-reply-link {
	margin-left: 20px;
}

#footer .wpcf7-form p {
	margin: 0 0 5px 0;
}

#footer .wpcf7-form p span.footer-contact-label {
	text-align: right;
	margin-right: 10px;
	display: inline-block;
	width: 65px;
}

#footer .wpcf7-form p span.wpcf7-not-valid-tip {
	width: 98%;
	left: 2%;
}

#footer .wpcf7-form p b {
	color: red;
}

#footer .wpcf7-form p input.wpcf7-text,#footer .wpcf7-form p textarea {
	width: 190px;
}

#footer .wpcf7-form p textarea {
	width: 190px;
	height: 60px;
}

#footer .wpcf7-form p.footer-submit {
	text-align: right;
	margin-right: 8px;
}

#footer .wpcf7-form p .wpcf7-submit {
	float: right;
	margin-left: 10px;
}

#footer .wpcf7-form p .wpcf7-submit:HOVER {
	background-color: #fff;
}

#footer .wpcf7-form p .ajax-loader {
	margin-top: 7px;
}

span.footer-contact-label.message {
	position: relative;
	top: -30px;
}

h1.entry-title {
	color: #5295DB;
}
/*
 * for blog widget
*/
.wg-vnwp-blog ul.tabs-blog {
	list-style: none;
	margin: 0;
	background: url(images/sidebar_title_bg.png) left top repeat-x;
	height: 48px;
	line-height: 38px;
	margin-bottom: 10px;
}

.wg-vnwp-blog ul.tabs-blog li {
	display: inline-block;
	text-align: center;
	padding: 5px 10px;
}

li.tab-active {
	background: url(images/bg-tabs-selected.png) center bottom no-repeat;
}

.wg-vnwp-blog ul.tabs-blog li a {
	color: #fff;
	display: block;
	height: 100%;
	width: 100%;
	font-weight: bold;
}

.tabs-blog-contents {
	padding: 0 5px;
}

.tabs-blog-contents ul.blog-list {
	list-style: none;
	margin-left: 0;
}

.tabs-blog-contents ul.blog-list li {
	border-bottom: 1px solid #cfcfcf;
	clear: left;
	overflow: hidden;
	padding: 10px 5px;
}

.tabs-blog-contents ul.blog-list li:HOVER {
	background-color: #f6f6f6;
}

.blog-list li img {
	padding: 3px;
	border: 1px solid #cfcfcf;
	float: left;
	margin-right: 10px;
	max-width: 55px;
	overflow: hidden;
	white-space: nowrap;
}

.blog-list li a.post-link {
	display: block;
}

.blog-list li p {
	margin-bottom: 0;
	text-align: justify;
}

div.blog-tags {
	margin-bottom: 22px;
}
.post-ratings{
	float: right;
	text-align: right;
	width: auto !important;
}